<h3>用户消息
    <small>用户消息</small>
</h3>
<div style="position: relative"  ng-controller="userMessageCtrl" class="panel panel-default">
    <div  class="topic {{t}}">
        <span ng-click="hide()">×</span>
        <div id="div">
            <ul id="ul">
                <li  ng-repeat="list in messageFromUsers" class="{{list.isAdmin | function_class}}" >
                    <div>
                        <img ng-show="!list.isAdmin" ng-click="photoZoom(list.user.headURL)" ng-src="{{list.user.headURL}}" title="{{list.user.name}}"/>
                        <img ng-show="list.isAdmin"   ng-src="app/img/error-err.png" title="成长小助手"/>
                        <b ng-show="!list.isAdmin">{{list.user.name}}</b>
                        <b ng-show="list.isAdmin">成长小助手</b>
                        <span>{{list.createTime}}</span>
                    </div>
                    <img ng-click="photoZoom(list.image)" ng-if="list.isPic && (list.imageUrl=='' || list.imageUrl==undefined)" ng-src="{{list.image}}" alt=""/>
                    <p ng-if="!list.isPic">
                        {{list.content}}
                    </p>

                       <img ng-if="list.isPic && list.imageUrl!='' && list.imageUrl!=undefined "  ng-click="photoZoom(list.imageUrl)"  ng-src="{{list.imageUrl}}">

                </li>
                <div style="clear:both"></div>
                <!--<li  ng-repeat="list in messageFromUsers" class="{{list.isAdmin | function_class}}" >-->
                <!--<div>-->
                <!--<img ng-src="{{list.isAdmin | function_img}}" alt=""/>-->
                <!--<b>{{list.isAdmin | function_name}}</b>-->
                <!--<span>{{list.createTime}}</span>-->
                <!--</div>-->
                <!--<img ng-click="photoZoom(list.image)" ng-if="list.isPic" ng-src="{{list.image}}" alt=""/>-->
                <!--<p ng-if="!list.isPic">-->
                <!--{{list.content}}-->
                <!--</p>-->
                <!--</li>-->
                <!--<li class="li2">-->
                <!--<div>-->
                <!--<img src="app/img/error-err.png" alt=""/>-->
                <!--<b>李四</b>-->
                <!--<span>2012-12-12</span>-->
                <!--</div>-->
                <!--<p>-->
                <!--<img src="app/img/error-err.png" alt=""/>-->
                <!--他坐在公交车上，手里抓着一直甘蔗吃了起来，随口一吐掉在了公交车地板 上。车上的人纷纷指责。他却嚷道:“怎么了,还不让吃了吗,看什么看, ? 他走在路上，月黑风高，一个彪形大汉手持一把刀窜了出来:“抢劫～”他吓 得不敢动弹哀求道:“我把钱都给你，请别伤害我～ ? 他六点多就醒了，洗漱完毕。-->
                <!--</p>-->
                <!--</li>-->
                <!--<li class="li1">-->
                <!--<div>-->
                <!--<img src="app/img/error-err.png" alt=""/>-->
                <!--<b>张三</b>-->
                <!--<span>2012-12-12</span>-->
                <!--</div>-->
                <!--<p>-->
                <!--他坐在公交车上，-->
                <!--</p>-->
                <!--</li>-->
                <!--<li class="li2">-->
                <!--<div>-->
                <!--<img src="app/img/error-err.png" alt=""/>-->
                <!--<b>李四</b>-->
                <!--<span>2012-12-12</span>-->
                <!--</div>-->
                <!--<p>-->
                <!--他坐在公交车上，手里抓着一直甘蔗吃了起来，随口一吐掉在了公交车地板 上。车上的人纷纷指责。他却嚷道:“怎么了,还不让吃了吗,看什么看, ? 他走在路上，月黑风高，一个彪形大汉手持一把刀窜了出来:“抢劫～”他吓 得不敢动弹哀求道:“我把钱都给你，请别伤害我～ ? 他六点多就醒了，洗漱完毕。-->
                <!--</p>-->
                <!--</li>-->
            </ul>
        </div>

        <form class="form-validate form-horizontal"  name="updateForm" ng-submit="submitForm(updateForm.$valid)">
            <div style="margin:5px 10px" class="input-group">
                <!--<img  ng-hide="pic" ng-src="{{picUrl}}" class="uib1" err-src="app/img/error-err.png" alt="缩略图图片" title="更换图片"/>-->
                <a ng-click=""><img  ng-class="pic==''?'':'uib1'"  ngf-src="pic" ngf-background="pic" /></a>
                <button class="btn btn-primary" ngf-select ng-model="pic" ngf-pattern="'image/*'"  ngf-max-size="20MB" ngf-min-height="1" >选择图片</button >
                <button ng-click="send()"  class="btn btn-primary">发送</button>
            </div>

            <textarea ng-focus="blur()" id="txt" ng-maxlength="200" style="float:left;border-radius:5px;padding:10px;margin-left:10px;max-width:75%;border:1px solid #ddd"  cols="50" rows="2" ng-model="content" name="content"></textarea>
            <button ng-click="send()" style="float:right;margin-top:10px;margin-right:20px" class="btn btn-primary navbar-right ">发布</button>
            <p class="redBorder" ng-if="updateForm.content.$error.required && updateForm.content.$touched">输入不能为空</p>
            <p class="redBorder" ng-if="updateForm.content.$error.maxlength && updateForm.content.$touched">不能超过200字</p>
        </form>
    </div>
    <div class="panel-body" ng-class="loading?'whirl standard':'' " style="border-top: 1px solid #CFDBE2;">
        <table class="table table-striped table-condensed">
            <thead>
            <tr>
                <th>消息内容</th>
                <th>发送人</th>
                <th>收信时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <!-- repeat begin -->
            <tr ng-repeat="list in messageFromUsersList">
                <td class="{{list.isRead | function_isRead}}" style="cursor: pointer" tooltip="{{list.content}}" tooltip-trigger="mouseenter">{{list.content.length>20?list.content.slice(0,19)+'...':list.content}}</td>
                <td class="{{list.isRead | function_isRead}}">{{list.user.name}}</td>
                <td class="{{list.isRead | function_isRead}}">{{list.createTime}}</td>
                <td tooltip="回复" tooltip-trigger="mouseenter"  ng-click="operate(list.userId)"><i class="fa fa-commenting {{list.isRead | function_isRead}}"></i></td>
            </tr>
            <!--<tr>-->
                <!--<td  tooltip="{{theme}}" tooltip-trigger="mouseenter">{{theme1}}</td>-->
                <!--<td>赵四</td>-->
                <!--<td>2011-11-11</td>-->
                <!--<td><i class="fa fa-commenting"></i></td>-->
            <!--</tr>-->
            <!-- repeat end -->
            </tbody>
        </table>
        <p style="display: inline-block; margin:21px 0;height: 30px;line-height: 30px;"> 显示 <strong>{{turnPage.totalItems}}</strong> 条中的 <strong>{{turnPage.itemsPerPage*(turnPage.currentPage-1)+1}}-{{ToNum}}</strong> 条</p>
        <pagination class="pull-right" first-text="{{turnPage.firstText}}" previous-text="{{turnPage.previousText}}" next-text="{{turnPage.nextText}}" last-text="{{turnPage.lastText}}" total-items="turnPage.totalItems" ng-model="turnPage.currentPage" max-size="turnPage.maxSize"
                    num-pages="numPages" boundary-links="true" ng-change="dataChange()" class="pagination-sm">
        </pagination>
    </div>
</div>